

<template>
  <div>
<!--    <h1>Main</h1>-->
    <el-container style="background-color: #e1dfdf">
      <el-aside width="auto">
        <common-aside/>
      </el-aside>
      <el-container >
        <el-header>
          <common-header/>
        </el-header>
        <common-tag/>
        <el-main style="background-color: #e1dfdf">
          <router-view/>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import CommonAside from "@/components/CommonAside.vue";
import CommonHeader from "@/components/CommonHeader.vue";
import CommonTag from "@/components/CommonTag.vue";
export default {
  name: 'Main',
  data () {
    return {
      // height:this.$store.state.tab.divHeight,
      user: "User",

    }
  },
  mounted() {
    // console.log("hhh ",this.$store.state.tab.divHeight)
  },
  watch:{
//     height(newValue,oldValue){
//       console.log("change ",newValue," ",oldValue)
//       var viewportHeight = window.innerHeight || document.documentElement.clientHeight;
//
// // 将px值转换为vh
//       var vhValue = (newValue / viewportHeight) * 100;
//       console.log("vhValue ",vhValue)
//     }
  },
  components:{
    CommonAside,
    CommonHeader,
    CommonTag
  },

}
</script>

<style>

</style>